<!doctype html>
<html>

	<head>
		<meta charset="UTF-8">
		<title></title>
		<meta name="viewport" content="width=device-width,initial-scale=1,minimum-scale=1,maximum-scale=1,user-scalable=no" />
		<link href="../../css/mui.min.css" rel="stylesheet" />
		<link rel="stylesheet" type="text/css" href="../../css/chen-all.css" />
		<style type="text/css">
			/*
			input[type=checkbox] {
				visibility: hidden;
			}
			
			.retrieve_pwd_radio span label {
				margin-bottom: 0;
			}
			
			#color-input-red:checked+label::before,
			#color-input-red1:checked+label::before {
				display: block;
				content: "\2714";
				text-align: center;
				font-size: 12px;
				color: white;
				position: absolute;
				top: 4px;
				left: 3px;
				width: 16px;
				height: 16px;
				background: #ff9639;
				border-radius: 100em;
			}
			
			#color-input-red+label,
			#color-input-red1+label {
				display: block;
				width: 16px;
				height: 16px;
				cursor: pointer;
				position: absolute;
				top: 4px;
				left: 3px;
				border-radius: 100em;
				border: 1px solid;
			}*/
			
			
		</style>
	</head>

	<body>
		<header class="mui-bar mui-bar-nav">
			<a class="mui-action-back mui-icon mui-icon-left-nav mui-pull-left"><span class="return_btn">返回</span></a>
			<h1 class="mui-title">支付</h1>
		</header>
		<div class="mui-content">
			<div class="new_pay_main">
				<div class="new_pay_main_tit">
					￥
					<h2>284.00</h2>
				</div>
				<p class="new_pay_num">交易号：20181213133818YXMPDD1619498355</p>
				<!--<form action="" method="post" class="retrieve_pwd_radio">
					<span>
						<input id="color-input-red" class="chat-button-location-radio-input" type="checkbox" name="color-input-red" value="" />
						<label for="color-input-red"></label >确认账户
					</span>
					<span>
						<input id="color-input-red1" class="chat-button-location-radio-input" type="checkbox" name="color-input-red1" value="" />
						<label for="color-input-red1"></label >验证账户
					</span>
				</form>-->

				<div class="new_pay_box">
					<ul class="mui-table-view advance_record_list">
						<li class="mui-table-view-cell new_pay_box_li">
							<img src="../../images/Wechat_pay.png"/>
							<label for="mail1">微信支付</label>
							<input class="mui-pull-right" type="radio" name="mail" id="mail1" value="" checked="" />
						</li>
						<li class="mui-table-view-cell new_pay_box_li">
							<img src="../../images/pay_alipay.png"/>
							<label for="mail2">支付宝支付</label>
							<input class="mui-pull-right" type="radio" name="mail" id="mail2" value="" />
						</li>
					</ul>
				</div>
				<div class="mui-clearfix pay_right_integral">
					<h4 class="mui-pull-left">权益积分：500</h4>
					<p class="mui-pull-left">1积分可以抵用1元</p>
				</div>
				<p class="pay_deduction_integral">
					<span>当前订单可以抵扣积分200</span>
					<input type="text" name="" id="" value="输入可抵扣积分" />
				</p>

				<div class="enter_btn" style="position: fixed;bottom: 0;width: 100%;padding: 0;">
					<span class="sure_btn sure_btn_top" style="background: #ff9639;border-radius: 0;">立即支付</span>
				</div>
			</div>

		</div>

	</body>
	<script src="../../js/mui.min.js" type="text/javascript" charset="utf-8"></script>
	<script src="../../js/jquery-1.11.1.min.js" type="text/javascript" charset="utf-8"></script>
	<script src="../../js/script/public_url.js" type="text/javascript" charset="utf-8"></script>

</html>